<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/visa.css">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/css/layui.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://heerey525.github.io/layui-v2.4.3/layui-v2.4.5/layui.js"></script>
    <title>签证办理_出国签证_代办签证_旅游签证_穷游网</title>
</head>
<body>
    <section class="visa">
        <!-- 头部 -->
        <nav class="poornav">
            <div class="header-left">
                <img src="https://fes.qyerstatic.com/FjlFyKxqo22aN-6dwg1n38LW9j3E?imageslim" class="imgs" alt="">
                <ul class="q-nav">
                  <li><a href="" class="nav-span">目的地</a></li>
                  <li><a href="./jinnang.html" class="nav-span">锦囊</a></li>
                  <li class="list-layer list-sns"><a href="" class="nav-span">
                      <span>社区</span>
                      <i class="fa fa-angle-down"></i>
                    </a>
                    <!-- 社区tab切换 -->
                    <div class="q-layer q-layer-nav q-layer-arrow arr">
                      <ul>
                        <li class="nav-list-layer list-discuss"><a href="//bbs.qyer.com/">
                            <span> <a href="./forum.html">旅行论坛</a> </span>
                            <div style="display:inline;"><i class="fa fa-angle-right fa-right"></i></div>
                          </a>
                          <div class="q-layer q-layer-section" style="display:none;">
                            <div class="q-layer">
                              <div class="section-title"><a href="//bbs.qyer.com" class="more"><span>全部版块</span>
                                  <i class="fa fa-angle-right fa-right"></i></a><span>热门版块</span></div>
                              <dl class="section-item">
                                <dt>兴趣小组</dt>
                                <dd><a href="//bbs.qyer.com/forum-2-1.html">结伴同游</a>
                                  <a href="//bbs.qyer.com/forum-3-1.html">签证</a>
                                  <a href="//bbs.qyer.com/forum-22-1.html">旅行摄影</a>
                                  <a href="//bbs.qyer.com/forum-88-1.html">潜水俱乐部</a>
                                  <a href="//bbs.qyer.com/forum-122-1.html">带孩子旅行</a>
                                  <a href="//bbs.qyer.com/forum-33-1.html">自驾</a>
                                </dd>
                              </dl>
                              <dl class="section-item">
                                <dt>穷游欧洲</dt>
                                <dd><a href="//bbs.qyer.com/forum-14-1.html">法国/摩纳哥</a><a
                                    href="//bbs.qyer.com/forum-12-1.html">德国</a><a
                                    href="//bbs.qyer.com/forum-16-1.html">英国/爱尔兰</a><a
                                    href="//bbs.qyer.com/forum-15-1.html">瑞士/列支敦士登</a><a d
                                    href="//bbs.qyer.com/forum-162-1.html">土耳其</a><a
                                    href="//bbs.qyer.com/forum-25-1.html">挪威/瑞典/芬兰/丹麦/冰岛</a><a
                                    href="//bbs.qyer.com/forum-13-1.html">意大利/梵蒂冈/圣马力诺/马耳他</a></dd>
                              </dl>
                              <dl class="section-item">
                                <dt>穷游亚洲</dt>
                                <dd><a href="//bbs.qyer.com/forum-52-1.html">台湾</a>
                                  <a href="//bbs.qyer.com/forum-57-1.html">日本</a>
                                  <a href="//bbs.qyer.com/forum-106-1.html">泰国</a>
                                  <a href="//bbs.qyer.com/forum-164-1.html">新加坡</a>
                                  <a href="//bbs.qyer.com/forum-165-1.html">斯里兰卡</a>
                                  <a href="//bbs.qyer.com/forum-163-1.html">香港/澳门</a>
                                  <a href="//bbs.qyer.com/forum-108-1.html">马来西亚/文莱</a>
                                  <a href="//bbs.qyer.com/forum-175-1.html">柬埔寨</a>
                                  <a href="//bbs.qyer.com/forum-104-1.html">马尔代夫</a>
                                  <a href="//bbs.qyer.com/forum-177-1.html">缅甸</a>
                                  <a href="//bbs.qyer.com/forum-59-1.html">伊朗</a>
                                  <a href="//bbs.qyer.com/forum-103-1.html">印度/孟加拉</a>
                                </dd>
                              </dl>
                              <dl class="section-item">
                                <dt>穷游美洲</dt>
                                <dd><a href="//bbs.qyer.com/forum-54-1.html">加拿大</a>
                                  <a href="//bbs.qyer.com/forum-53-1.html">美国</a>
                                  <a href="//bbs.qyer.com/forum-168-1.html">中美</a>
                                  <a href="//bbs.qyer.com/forum-55-1.html">南美/南极</a>
                                </dd>
                              </dl>
                              <dl class="section-item">
                                <dt>穷游大洋洲</dt>
                                <dd><a href="//bbs.qyer.com/forum-56-1.html">澳大利亚</a>
                                  <a href="//bbs.qyer.com/forum-83-1.html">新西兰</a>
                                  <a href="//bbs.qyer.com/forum-178-1.html">太平洋海岛</a>
                                </dd>
                              </dl>
                              <dl class="section-item">
                                <dt>穷游非洲</dt>
                                <dd><a href="//bbs.qyer.com/forum-173-1.html">东非地区</a>
                                  <a href="//bbs.qyer.com/forum-174-1.html">非洲海岛</a>
                                  <a href="//bbs.qyer.com/forum-86-1.html">北非地区</a>
                                  <a href="//bbs.qyer.com/forum-60-1.html">非洲其他国家</a>
                                </dd>
                              </dl>
                              <div></div>
        
                            </div>
                          </div>
                        </li>
                        <li class="nav-list-layer"><a href="./questions.html"><span>旅行问答</span>
                          </a> </li>
                        <li class="nav-list-layer"><a href="./column.html"><span>旅行专栏</span>
        
                          </a>
        
                        </li>
                        <li class="nav-list-layer"><a href="./poor-experience.html"><span>旅行生活分享平台</span>
                            <!---->
                          </a>
                          <!---->
                        </li>
                        <li class="nav-list-layer"><a
                            href="https://qlab.taobao.com/index.htm?spm=2013.1.w5002-20955034123.2.67456028h2dyyo"><span>JNE旅行生活美学</span>
                            <!---->
                          </a>
                          <!---->
                        </li>
                        <li class="nav-list-layer"><a href="//bbs.qyer.com/forum-2-1.html"><span>Biu伴（原结伴同游）</span>
                            <!---->
                          </a>
                          <!---->
                        </li>
                        <li class="nav-list-layer"><a href="./responsibleTravel.html"><span>负责任的旅行</span>
                            <!---->
                          </a>
                          <!---->
                        </li>
                        <li class="nav-list-layer"><a href="./plan.html"><span>特别策划</span>
                            <!---->
                          </a>
                          <!---->
                        </li>
                        <li class="nav-list-layer"><a href="./shiping.html"><span>旅行精选视频</span></a>
                          <!---->
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li><a href="./xingcheng.html" class="nav-span">行程助手</a></li>
                  <li class="list-layer list-shop"><a href="" class="nav-span">
                      <span>商城</span>
                      <i class="fa fa-angle-down"></i>
                      <span class="line-flag">
                        <img src="./img/redflag.gif" alt="" class="flag-icon">
                        <i class="flag"></i>
                      </span>
                    </a>
                    <!-- 商城tab切换 -->
                    <div class="q-layer q-layer-nav q-layer-arrow arr1">
                      <ul>
                        <li class="nav-list-layer"><a href="./free.html"><span>机酒自由行</span></a></li>
                        <li class="nav-list-layer"><a><span>当地玩乐</span></a></li>
                        <li class="nav-list-layer"><a><span>签证</span></a></li>
                        <li class="nav-list-layer"><a href="./insurance.html"><span>保险</span></a></li>
                        <li class="nav-list-layer"><a><span>租车自驾</span></a></li>
                        <li class="nav-list-layer"><a href="./ship.html"><span>邮轮</span></a></li>
                        <li class="nav-list-layer"><a><span>私人定制</span></a></li>
                        <li class="nav-list-layer"><a><span>欧洲铁路</span></a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="list-layer list-hotel"><a href="./hotel.html" class="nav-span">
                      <span style="margin-left: 40px;">酒店·民宿</span>
                      <i class="fa fa-angle-down"></i>
                    </a>
                    <div class="q-layer q-layer-nav q-layer-arrow arr2" style="margin-left: 40px;">
                      <ul>
                        <li class="nav-list-layer"><a><span>酒店</span></a></li>
                      </ul>
                    </div>
                  </li>
                  <li><a href="./saleHotel.html" class="nav-span">
                      <span>特价酒店</span>
                      <span class="line-flag">
                        <img src="./img/redflag2.png" alt="" class="flag-icon">
                        <i class="flag"></i>
                      </span>
                    </a></li>
                </ul>
            </div>
            <div class="header-right">
                <div class="nav-search">
                  <div class="nav-ipt">
                    <input type="text" class="txt-search">
                    <button class="btn-search">
                      <i class="fa fa-search"></i>
                    </button>
                  </div>
                </div>
                <span class="nav-cut">|</span>
                <div class="nav-user">
                  <div class="login-wrap">
                    <a href="https://passport.qyer.com/oauth?using=taobao&amp;ref=https%3A%2F%2Fwww.qyer.com%2F"
                      class="important">
                      <img src="./img/taobao1.png" alt=""></a>
                    <a href="https://passport.qyer.com/oauth?using=qq&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                      <i class="fa fa-qq"></i></a>
                    <a href="https://passport.qyer.com/oauth?using=weixin&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                      <i class="fa fa-wechat"></i></a>
                    <a href="https://passport.qyer.com/oauth?using=weibo&amp;ref=https%3A%2F%2Fwww.qyer.com%2F">
                      <i class="fa fa-weibo"></i></a>
                    <a href="https://passport.qyer.com/register/mobile?ref=https%3A%2F%2Fwww.qyer.com%2F"
                      class="login-link">注册</a><a href="https://passport.qyer.com/login?ref=https%3A%2F%2Fwww.qyer.com%2F"
                      class="login-link">登录</a>
                  </div>
                </div>
              </div>
            </div>
        </nav>
        <!-- 商城tab -->
        <section class="common-nav">
            <ul class="layui-nav layui-bg">
                <li class="layui-nav-item"><a href="">首页</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">机酒自由行</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#">全部</a></dd>
                        <dd><a href="#">自由行</a></dd>
                        <dd><a href="#">优惠机票</a></dd>
                        <dd><a href="#">酒店</a></dd>
                        <dd><a href="#">邮轮</a></dd>
                        <dd><a href="#">定制游</a></dd>
                        <dd><a href="#">马尔代夫</a></dd>
                        <dd><a href="#">海岛游</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">优惠机票</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">跟团游</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#">全部</a></dd>
                        <dd><a href="#">跟团游</a></dd>
                        <dd><a href="#">半自助游</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">酒店</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">当地玩乐</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#">全部</a></dd>
                        <dd><a href="#">日游小团</a></dd>
                        <dd><a href="#">深度体验</a></dd>
                        <dd><a href="#">门票票券</a></dd>
                        <dd><a href="#">餐饮美食</a></dd>
                        <dd><a href="#">WiFi电话卡</a></dd>
                        <dd><a href="#">购物</a></dd>
                        <dd><a href="#">交通票券</a></dd>
                        <dd><a href="#">接送机包车</a></dd>
                        <dd><a href="#">保险</a></dd>
                        <dd><a href="#">欧洲铁路</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-this"><a href="./visa.html">签证</a></li>
                <li class="layui-nav-item"><a href="ship.html">邮轮</a></li>
                <li class="layui-nav-item"><a href="#">保险</a></li>
                <li class="layui-nav-item"><a href="#">租车自驾</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">深度旅行</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#">全部</a></dd>
                        <dd><a href="#">CityWalk</a></dd>
                        <dd><a href="#">特色长线</a></dd>
                        <dd><a href="#">Q-Home</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="./personal.html">私人订制</a></li>
            </ul>
        </section>
        <!-- 穷游商城 -->
        <div class="poor-travel-mall">
            <div class="poor-travel-mall-all">
                <div class="poor-travel-mall-left">
                    穷游商城
                    <div class="sou">
                        <form>
                            <input type="text" name="wd" id="wd" value="" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请输入目的地/产品名称" />
    
                            <input type="submit" name="" id="" value="piupiu" />
                        </form>
                    </div>
                </div>
                <div class="poor-travel-mall-right">
                    <a href="#"><i class="fa fa-file-text-o" aria-hidden="true" style="font-size: 18px;"></i>  我的订单</a>
                    <a href="#"><i class="fa fa-heart-o" aria-hidden="true" style="font-size: 18px;"></i>  我的收藏</a>
                </div>
            </div>
        </div>
        <div class="top-banner">
            <a href="http://z.qyer.com/zt/qztg/?campaign=pdbanner&category=qztg">
                <div></div>
            </a>
        </div>
        <div class="banner-list">
            <div class="banner-search">
                <form>
                    <input type="text" placeholder="搜索国家/地区">
                    <span>
                        <!-- <i class="fa fa-search"></i> -->
                    </span>
                </form>
            </div>
            <ul class="banner-area">
                <li>
                    <div class="area-left left1">
                        <h2>亚洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_japan/">日本</a>
                            <a href="https://z.qyer.com/visa/list_thailand/">泰国</a>
                            <a href="https://z.qyer.com/visa/list_malaysia/">马来西亚</a>
                            <a href="https://z.qyer.com/visa/list_singapore/">新加坡</a>
                            <a href="https://z.qyer.com/visa/list_south-korea/">韩国</a>
                        </p>
                    </div>
                    <div class="area-right right1">
                        <h2>亚洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_japan/">日本</a>
                            <a href="https://z.qyer.com/visa/list_thailand/">泰国</a>
                            <a href="https://z.qyer.com/visa/list_malaysia/">马来西亚</a>
                            <a href="https://z.qyer.com/visa/list_singapore/">新加坡</a>
                            <a href="https://z.qyer.com/visa/list_south-korea/">韩国</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="area-left left2">
                        <h2>欧洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_france/">法国</a>
                            <a href="https://z.qyer.com/visa/list_italy/">意大利</a>
                            <a href="https://z.qyer.com/visa/list_turkey/">土耳其</a>
                            <a href="https://z.qyer.com/visa/list_germany/">德国</a>
                            <a href="https://z.qyer.com/visa/list_spain/">西班牙</a>
                        </p>
                    </div>
                    <div class="area-right right2">
                        <h2>欧洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_france/">法国</a>
                            <a href="https://z.qyer.com/visa/list_italy/">意大利</a>
                            <a href="https://z.qyer.com/visa/list_turkey/">土耳其</a>
                            <a href="https://z.qyer.com/visa/list_germany/">德国</a>
                            <a href="https://z.qyer.com/visa/list_spain/">西班牙</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="area-left">
                        <h2>非洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_tanzania/">坦桑尼亚</a>
                            <a href="https://z.qyer.com/visa/list_south-africa/">南非</a>
                            <a href="https://z.qyer.com/visa/list_egypt/">埃及</a>
                            <a href="https://z.qyer.com/visa/list_kenya/">肯尼亚</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="area-left">
                        <h2>美洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_usa/">美国</a>
                            <a href="https://z.qyer.com/visa/list_canada/">加拿大</a>
                            <a href="https://z.qyer.com/visa/list_mexico/">墨西哥</a>
                            <a href="https://z.qyer.com/visa/list_brazil/">巴西</a>
                            <a href="https://z.qyer.com/visa/list_argentina/">阿根廷</a>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="area-left">
                        <h2>大洋洲</h2>
                        <p>
                            <a href="https://z.qyer.com/visa/list_australia/">澳大利亚</a>
                            <a href="https://z.qyer.com/visa/list_new-zealand/">新西兰</a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="banner-tag">
            <p>
                <img src="https://common1.qyerstatic.com/visa/project/index/images/icon_feature01.png" alt="">
                <span>价格优惠</span>
            </p>
            <p>
                <img src="https://common1.qyerstatic.com/visa/project/index/images/icon_feature02.png" alt="">
                <span>服务专业</span>
            </p>
            <p>
                <img src="https://common1.qyerstatic.com/visa/project/index/images/icon_feature03.png" alt="">
                <span>高通过率</span>
            </p>
        </div>
        <div class="bottom-list">
            <div class="bottom-content">
                <div class="hot-area">
                    <h2 class="text">热门国家和地区</h2>
                    <div class="hot-main">
                        <ul></ul>
                    </div>
                    <div class="hot-other">
                        <ul></ul>
                    </div>
                </div>
                <div class="process">
                    <h2 class="text">办理流程</h2>
                    <div class="process-content">
                        <ul>
                            <li>
                                <div>
                                    <span class="fa fa-desktop"></span>
                                    <p>预订/下单</p>
                                </div>
                                <i class="fa fa-chevron-right"></i>
                            </li>
                            <li>
                                <div>
                                    <span class="fa fa-tasks"></span>
                                    <p>提交材料</p>
                                </div>
                                <i class="fa fa-chevron-right"></i>
                            </li>
                            <li>
                                <div>
                                    <span class="fa fa-calendar-check-o"></span>
                                    <p>审核材料</p>
                                </div>
                                <i class="fa fa-chevron-right"></i>
                            </li>
                            <li>
                                <div>
                                    <span class="fa fa-bank"></span>
                                    <p>送签</p>
                                </div>
                                <i class="fa fa-chevron-right"></i>
                            </li>
                            <li>
                                <div>
                                    <span class="fa fa-book"></span>
                                    <p>出签</p>
                                </div>
                                <i class="fa fa-chevron-right"></i>
                            </li>
                            <li>
                                <div>
                                    <span class="fa fa-taxi"></span>
                                    <p>配送</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="special">
                    <h2 class="text">特别推荐</h2>
                </div>
            </div>
        </div>
            <!-- 商城共同底部 -->
    <div class="free">
        <ul>
            <li> <a href="javascript:;">机酒自由行</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">当地玩乐</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">优惠机票</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">签证</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">马尔代夫</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">邮轮</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">租车自驾</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">新鲜甩尾</a> </li>
            <span> | </span>
            <li> <a href="javascript:;">深度旅行</a> </li>
        </ul>
    </div>
    <div class="intimate">
        <ul>
            <li>
                <img src="./img/fuwu.png" alt="">
                <div>
                    <p>贴心服务</p>
                    <p>我们收集穷游er的真实诉求,找寻特色旅行目的地,让穷游er放心出行</p>
                </div>
            </li>
            <li>
                <img src="./img/dun.png" alt="">
                <div>
                    <p>层层筛选</p>
                    <p>我们收集穷游er的真实诉求,找寻特色旅行目的地,让穷游er放心出行</p>
                </div>
            </li>
            <li>
                <img src="./img/hand.png" alt="">
                <div>
                    <p>安心陪护</p>
                    <p>我们收集穷游er的真实诉求,找寻特色旅行目的地,让穷游er放心出行</p>
                </div>
            </li>
        </ul>
    </div>
    </div>
    <footer>
        <div class="bottoms">
            <div class="poor">
                <div>
                    <p>穷游商城</p>
                    <p>从一张机票、一家酒店的订购,到一次暖心的接机服务、一张轻松融入当地的交通卡,让我们带你探索这个世界</p>
                </div>
                <div>
                    关注我们
                    <img src="./img/weixin (1).png" alt="">
                    <img src="./img/weibo.png" alt="">
                    <img src="./img/youxiang.png" alt="">
                </div>
            </div>
            <div class="aboutpoor">
                <div class="poor-left">
                    <div>
                        <ul>
                            <li>
                                <a href="javascript:;">关于穷游商城</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">商家入驻穷游商城</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">服务与隐私</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">联系我们</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">旅游度假咨询</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">营业执照</a>
                            </li>
                            <span> | </span>
                            <li>
                                <a href="javascript:;">投诉建议</a>
                            </li>
                        </ul>
                    </div>
                    <p>2004-2019 ? 穷游网? qyer.com All rights reserved. Version v5.57 京ICP备12003524号 京公网安备11010502023470
                        京ICP证140673号</p>
                    <p class="friend">友情链接 : <a href="https://www.bilibili.com">你懂得~</a> </p>
                </div>
                <div class="poor-right">
                    <p></p>
                    <img src="" alt="">
                </div>
            </div>
        </div>
    </footer>
    </section>
</body>
<script>
    // 旅行论坛tab切换
    $(".list-discuss").mouseover(function () {
      $(".q-layer-section").css("display", "block")
    })
    $(".list-discuss").mouseout(function () {
      $(".q-layer-section").css("display", "none")
    })
    //社区tab切换
    $(".list-sns").mouseover(function () {
      $(".arr").css("display", "block")
    })
    $(".list-sns").mouseout(function () {
      $(".arr").css("display", "none")
    })
    //商城tab切换
    $(".list-shop").mouseover(function () {
      $(".arr1").css("display", "block")
    })
    $(".list-shop").mouseout(function () {
      $(".arr1").css("display", "none")
    })
    //酒店tab
    $(".list-hotel").mouseover(function () {
      $(".arr2").css("display", "block")
    })
    $(".list-hotel").mouseout(function () {
      $(".arr2").css("display", "none")
    })
    $(function(){
        $(".left1").mousemove(function(){
            $(".right1").css("display","block")
        });
        $(".left1").mouseout(function(){
            $(".right1").css("display","none");
        })
        $(".left2").mousemove(function(){
            $(".right2").css("display","block")
        });
        $(".left2").mouseout(function(){
            $(".right2").css("display","none");
        })
    })
    $(function(){
        $.ajax({
            url:'http://localhost:8080/hotCity',
            type:'GET',
            success:function(data){
                console.log(data);
                let str='';
                data.forEach(item => {
                    str+=`
                        <li>
                            <a href="#">
                                <img src="${item.img}" alt="">
                                <p>
                                    <span>${item.city}</span>
                                    <span>
                                        <i>￥</i>${item.price}<em>起</em>
                                    </span>
                                </p>
                                <div class="cover">
                                    <span>
                                        立即抢购
                                        <em>></em>
                                    </span>
                                </div>
                            </a>
                        </li>
                    `
                }); 
                $(".hot-main ul").append(str)
            },
            error:function(err){
                console.log(err);
            }
        });
        $.ajax({
            url:'http://localhost:8080/otherCity',
            type:'GET',
            success:function(data){
                console.log(data);
                let str='';
                data.forEach(item => {
                    str+=`
                        <li>
                            <a href="#">
                                <img src="${item.img}" alt="">
                                <p>${item.city}</p>
                            </a>
                        </li>
                    `
                }); 
                $(".hot-other ul").append(str)
            },
            error:function(err){
                console.log(err);
            }
        })

    })
</script>
</html>